<?xml version="1.0" encoding="UTF-8"?>
<jsp:root version="1.2" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html" xmlns:jsp="http://java.sun.com/JSP/Page" xmlns:ui="http://www.sun.com/web/ui">
    <jsp:directive.page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"/>
    <f:view>
        <f:loadBundle basename="UtilidadesSetup" var="utilidadesSetup"/>
        <div align="center">
            <ui:themeLinks binding="#{PortletPageCruceInformacion.themeLinks1}" id="themeLinks1"/>
            <ui:form binding="#{PortletPageCruceInformacion.cruceInformacionForm}" id="cruceInformacionForm">
                <table>
                    <tr>
                        <td align="center">
                            <!-- contenedorGridPanel -->
                            <h:panelGrid binding="#{PortletPageCruceInformacion.contenedorGridPanel}" columns="1" id="contenedorGridPanel" width="100%">
                                <!-- subContenedorGridPanel -->
                                <h:panelGrid binding="#{PortletPageCruceInformacion.subContenedorGridPanel}" columnClasses="top" columns="2" id="subContenedorGridPanel">
                                    <!-- izquierdaGridPanel -->
                                    <h:panelGrid binding="#{PortletPageCruceInformacion.izquierdaGridPanel}" columns="1" id="izquierdaGridPanel">
                                        <!-- criteriosGridPanel -->
                                        <h:panelGrid binding="#{PortletPageCruceInformacion.criteriosGridPanel}" columns="2" headerClass="headerClassDataTable"
                                            id="criteriosGridPanel" rowClasses="rowClassWhite, rowClassBlue">
                                            <f:facet name="header">
                                                <h:outputText binding="#{PortletPageCruceInformacion.outputText1}" id="outputText1" value="Opciones de Búsqueda"/>
                                            </f:facet>
                                            <h:outputText binding="#{PortletPageCruceInformacion.outputText2}" id="outputText2"
                                                rendered="#{SessionBeanCruceInformacion.renderedMasOpciones}" style="color: white" value="_"/>
                                            <h:outputText binding="#{PortletPageCruceInformacion.outputText3}" id="outputText3"
                                                rendered="#{SessionBeanCruceInformacion.renderedMasOpciones}" style="color: white" value="_"/>
                                            <h:panelGroup binding="#{PortletPageCruceInformacion.clienteGroupPanel}" id="clienteGroupPanel"
                                                rendered="#{SessionBeanCruceInformacion.renderedMasOpciones}" style="display: block; text-align: right">
                                                <h:outputText binding="#{PortletPageCruceInformacion.outputText4}" id="outputText4" styleClass="outputText" value="CLIENTE"/>
                                            </h:panelGroup>
                                            <ui:dropDown binding="#{PortletPageCruceInformacion.codigoClienteDropDown}" id="codigoClienteDropDown"
                                                items="#{PortletPageCruceInformacion.optionClientes}"
                                                rendered="#{SessionBeanCruceInformacion.renderedMasOpciones}" styleClass="select" submitForm="true" valueChangeListener="#{PortletPageCruceInformacion.codigoClienteDropDown_processValueChange}"/>
                                            <h:outputText binding="#{PortletPageCruceInformacion.outputText5}" id="outputText5"
                                                rendered="#{SessionBeanCruceInformacion.renderedMasOpciones}" style="color: white" value="_"/>
                                            <h:outputText binding="#{PortletPageCruceInformacion.outputText6}" id="outputText6"
                                                rendered="#{SessionBeanCruceInformacion.renderedMasOpciones}" style="color: white" value="_"/>
                                            <h:panelGroup binding="#{PortletPageCruceInformacion.productoGroupPanel}" id="productoGroupPanel"
                                                rendered="#{SessionBeanCruceInformacion.renderedMasOpciones}" style="display: block; text-align: right">
                                                <h:outputText binding="#{PortletPageCruceInformacion.outputText7}" id="outputText7" styleClass="outputText" value="PRODUCTO"/>
                                            </h:panelGroup>
                                            <ui:dropDown binding="#{PortletPageCruceInformacion.codigoProductoDropDown}" id="codigoProductoDropDown"
                                                items="#{PortletPageCruceInformacion.optionProductos}"
                                                rendered="#{SessionBeanCruceInformacion.renderedMasOpciones}" styleClass="select" submitForm="true" valueChangeListener="#{PortletPageCruceInformacion.codigoProductoDropDown_processValueChange}"/>
                                            <h:outputText binding="#{PortletPageCruceInformacion.outputText8}" id="outputText8"
                                                rendered="#{!SessionBeanCruceInformacion.empresaMensajeria}" style="color: white" value="_"/>
                                            <h:outputText binding="#{PortletPageCruceInformacion.outputText9}" id="outputText9"
                                                rendered="#{!SessionBeanCruceInformacion.empresaMensajeria}" style="color: white" value="_"/>
                                            <h:panelGroup binding="#{PortletPageCruceInformacion.parametroBusquedaGroupPanel}" id="parametroBusquedaGroupPanel"
                                                rendered="#{!SessionBeanCruceInformacion.empresaMensajeria}" style="display: block; text-align: right">
                                                <h:outputText binding="#{PortletPageCruceInformacion.outputText10}" id="outputText10" styleClass="outputText" value="PARAMETRO DE BUSQUEDA"/>
                                            </h:panelGroup>
                                            <!-- parametroBusquedaMasMenosOpcionesGridPanel -->
                                            <h:panelGrid binding="#{PortletPageCruceInformacion.parametroBusquedaMasMenosOpcionesGridPanel}" columns="2"
                                                id="parametroBusquedaMasMenosOpcionesGridPanel" rendered="#{!SessionBeanCruceInformacion.empresaMensajeria}">
                                                <ui:dropDown binding="#{PortletPageCruceInformacion.parametroBusquedaDropDown}" id="parametroBusquedaDropDown"
                                                    items="#{PortletPageCruceInformacion.optionParametrosBusqueda}" styleClass="select" submitForm="true" valueChangeListener="#{PortletPageCruceInformacion.parametroBusquedaDropDown_processValueChange}"/>
                                                <h:commandLink action="#{PortletPageCruceInformacion.masMenosOpcionesLinkAction_action}"
                                                    binding="#{PortletPageCruceInformacion.masMenosOpcionesLinkAction}" id="masMenosOpcionesLinkAction">
                                                    <h:outputText binding="#{PortletPageCruceInformacion.masMenosOpcionesLinkActionText}"
                                                        id="masMenosOpcionesLinkActionText" styleClass="outputTextCommandLink" value="Más Opciones ..."/>
                                                </h:commandLink>
                                            </h:panelGrid>
                                            <h:outputText binding="#{PortletPageCruceInformacion.outputText11}" id="outputText11" style="color: white" value="_"/>
                                            <h:outputText binding="#{PortletPageCruceInformacion.outputText12}" id="outputText12" style="color: white" value="_"/>
                                            <h:panelGroup binding="#{PortletPageCruceInformacion.busquedaGroupPanel}" id="busquedaGroupPanel" style="display: block; text-align: right">
                                                <h:outputText binding="#{PortletPageCruceInformacion.outputText13}" id="outputText13" styleClass="outputText" value="BUSQUEDA"/>
                                            </h:panelGroup>
                                            <ui:textArea binding="#{PortletPageCruceInformacion.busquedaTextArea}" columns="30" id="busquedaTextArea" rows="20" styleClass="textField"/>
                                            <h:outputText binding="#{PortletPageCruceInformacion.outputText14}" id="outputText14"
                                                rendered="#{SessionBeanCruceInformacion.renderedMesesAtrasDropDown &amp;&amp; !SessionBeanCruceInformacion.empresaMensajeria}"
                                                style="color: white" value="_"/>
                                            <h:outputText binding="#{PortletPageCruceInformacion.outputText15}" id="outputText15"
                                                rendered="#{SessionBeanCruceInformacion.renderedMesesAtrasDropDown &amp;&amp; !SessionBeanCruceInformacion.empresaMensajeria}"
                                                style="color: white" value="_"/>
                                            <h:panelGroup binding="#{PortletPageCruceInformacion.mesesAtrasGroupPanel}" id="mesesAtrasGroupPanel"
                                                rendered="#{SessionBeanCruceInformacion.renderedMesesAtrasDropDown &amp;&amp; !SessionBeanCruceInformacion.empresaMensajeria}" style="display: block; text-align: right">
                                                <h:outputText binding="#{PortletPageCruceInformacion.outputText16}" id="outputText16" styleClass="outputText" value="MESES ATRAS"/>
                                            </h:panelGroup>
                                            <ui:dropDown binding="#{PortletPageCruceInformacion.mesesAtrasDropDown}" id="mesesAtrasDropDown"
                                                items="#{PortletPageCruceInformacion.optionMesesAtras}"
                                                rendered="#{SessionBeanCruceInformacion.renderedMesesAtrasDropDown &amp;&amp; !SessionBeanCruceInformacion.empresaMensajeria}" styleClass="select"/>
                                            <h:outputText binding="#{PortletPageCruceInformacion.outputText17}" id="outputText17" style="color: white" value="_"/>
                                            <!-- botonesGridPanel -->
                                            <h:panelGrid binding="#{PortletPageCruceInformacion.botonesGridPanel}" columns="2" id="botonesGridPanel" style="height: 100%; width: 100%">
                                                <h:commandButton action="#{PortletPageCruceInformacion.consultarButton_action}"
                                                    binding="#{PortletPageCruceInformacion.consultarButton}" id="consultarButton" styleClass="button" value="CONSULTAR"/>
                                                <h:commandButton action="#{PortletPageCruceInformacion.limpiarButton_action}"
                                                    binding="#{PortletPageCruceInformacion.limpiarButton}" id="limpiarButton" styleClass="button" value="LIMPIAR"/>
                                            </h:panelGrid>
                                        </h:panelGrid>
                                    </h:panelGrid>
                                    <!-- derechaGridPanel -->
                                    <h:panelGrid binding="#{PortletPageCruceInformacion.derechaGridPanel}" columns="1" id="derechaGridPanel">
                                        <!-- documentosGridPanel -->
                                        <h:panelGrid binding="#{PortletPageCruceInformacion.documentosGridPanel}" headerClass="headerClassDataTable"
                                            id="documentosGridPanel" rendered="#{SessionBeanCruceInformacion.renderedDocumentosGridPanel}" rowClasses="rowClassWhite, rowClassBlue">
                                            <f:facet name="header">
                                                <h:outputText binding="#{PortletPageCruceInformacion.outputText18}" id="outputText18" value="Listado de Documentos"/>
                                            </f:facet>
                                            <h:dataTable binding="#{PortletPageCruceInformacion.documentosDataTable}" headerClass="headerClassDataTable"
                                                id="documentosDataTable" rowClasses="rowClassBlue, rowClassWhite" rows="30"
                                                value="#{PortletPageCruceInformacion.listDocumentos}" var="currentRow">
                                                <h:column binding="#{PortletPageCruceInformacion.codigoInternoClienteColumn}" id="codigoInternoClienteColumn">
                                                    <f:facet name="header">
                                                        <h:outputText binding="#{PortletPageCruceInformacion.outputText19}" id="outputText19" value="Código Interno Cliente"/>
                                                    </f:facet>
                                                    <h:outputText binding="#{PortletPageCruceInformacion.outputText20}" id="outputText20"
                                                        styleClass="outputTextDataTable" value="#{currentRow.codigoInternoCliente}"/>
                                                </h:column>
                                                <h:column binding="#{PortletPageCruceInformacion.nombreAbonadoColumn}" id="nombreAbonadoColumn">
                                                    <f:facet name="header">
                                                        <h:outputText binding="#{PortletPageCruceInformacion.outputText21}" id="outputText21" value="Nombre Abonado"/>
                                                    </f:facet>
                                                    <h:outputText binding="#{PortletPageCruceInformacion.outputText22}" id="outputText22"
                                                        styleClass="outputTextDataTable" value="#{currentRow.nombreAbonado}"/>
                                                </h:column>
                                                <h:column binding="#{PortletPageCruceInformacion.numeroIdentificacionColumn}" id="numeroIdentificacionColumn">
                                                    <f:facet name="header">
                                                        <h:outputText binding="#{PortletPageCruceInformacion.outputText23}" id="outputText23" value="Nro. Identificación"/>
                                                    </f:facet>
                                                    <h:outputText binding="#{PortletPageCruceInformacion.outputText24}" id="outputText24"
                                                        styleClass="outputTextDataTable" value="#{currentRow.numeroIdentificacionAbonado}"/>
                                                </h:column>
                                                <h:column binding="#{PortletPageCruceInformacion.telefonoAbonadoColumn}" id="telefonoAbonadoColumn">
                                                    <f:facet name="header">
                                                        <h:outputText binding="#{PortletPageCruceInformacion.outputText25}" id="outputText25" value="Teléfono"/>
                                                    </f:facet>
                                                    <h:outputText binding="#{PortletPageCruceInformacion.outputText26}" id="outputText26"
                                                        styleClass="outputTextDataTable" value="#{currentRow.telefonoAbonado}"/>
                                                </h:column>
                                                <h:column binding="#{PortletPageCruceInformacion.seleccionarColumn}" id="seleccionarColumn">
                                                    <f:facet name="header">
                                                        <h:outputText binding="#{PortletPageCruceInformacion.outputText27}" id="outputText27" value="Seleccionar"/>
                                                    </f:facet>
                                                    <h:commandLink action="#{PortletPageCruceInformacion.seleccionarLinkAction_action}"
                                                        binding="#{PortletPageCruceInformacion.seleccionarLinkAction}" id="seleccionarLinkAction">
                                                        <h:outputText binding="#{PortletPageCruceInformacion.outputText28}" id="outputText28"
                                                            styleClass="outputTextCommandLink" value="Seleccionar"/>
                                                        <h:inputHidden binding="#{PortletPageCruceInformacion.codigoSubProductoHiddenField}"
                                                            id="codigoSubProductoHiddenField" value="#{currentRow.codigoSubProducto}"/>
                                                        <h:inputHidden binding="#{PortletPageCruceInformacion.codigoInternoClienteHiddenField}"
                                                            id="codigoInternoClienteHiddenField" value="#{currentRow.codigoInternoCliente}"/>
                                                        <h:inputHidden binding="#{PortletPageCruceInformacion.numeroDocumentoHiddenField}"
                                                            id="numeroDocumentoHiddenField" value="#{currentRow.numeroDocumento}"/>
                                                    </h:commandLink>
                                                </h:column>
                                            </h:dataTable>
                                        </h:panelGrid>
                                        <!-- detallesDocumentosGridPanel -->
                                        <h:panelGrid binding="#{PortletPageCruceInformacion.detallesDocumentoGridPanel}" columns="2"
                                            headerClass="headerClassDataTable" id="detallesDocumentoGridPanel"
                                            rendered="#{SessionBeanCruceInformacion.renderedDetallesDocumentoGridPanel}"
                                            rowClasses="rowClassWhite, rowClassBlue" width="100%">
                                            <f:facet name="header">
                                                <h:outputText binding="#{PortletPageCruceInformacion.outputText29}" id="outputText29" value="Detalles del Documento"/>
                                            </f:facet>
                                            <h:outputText binding="#{PortletPageCruceInformacion.outputText92}" id="outputText92" styleClass="outputText" value="SUBPRODUCTO"/>
                                            <h:outputText binding="#{PortletPageCruceInformacion.descripcionSubProductoOutputText}"
                                                id="descripcionSubProductoOutputText" styleClass="outputText"/>
                                            <h:outputText binding="#{PortletPageCruceInformacion.outputText30}" id="outputText30" styleClass="outputText" value="SEGMENTO SUBPRODUCTO"/>
                                            <h:outputText binding="#{PortletPageCruceInformacion.descripcionSegmentoSubProductoOutputText}"
                                                id="descripcionSegmentoSubProductoOutputText" styleClass="outputText"/>
                                            <h:outputText binding="#{PortletPageCruceInformacion.outputText31}" id="outputText31" styleClass="outputText" value="CÓDIGO INTERNO CLIENTE"/>
                                            <h:outputText binding="#{PortletPageCruceInformacion.codigoInternoClienteOutputText}"
                                                id="codigoInternoClienteOutputText" styleClass="outputText"/>
                                            <h:outputText binding="#{PortletPageCruceInformacion.outputText32}" id="outputText32" styleClass="outputText" value="NRO. IDENTIFICACIÓN"/>
                                            <h:outputText binding="#{PortletPageCruceInformacion.numeroIdentificacionAbonadoOutputText}"
                                                id="numeroIdentificacionAbonadoOutputText" styleClass="outputText"/>
                                            <h:outputText binding="#{PortletPageCruceInformacion.outputText33}" id="outputText33" styleClass="outputText" value="NOMBRE ABONADO"/>
                                            <h:outputText binding="#{PortletPageCruceInformacion.nombreAbonadoOutputText}" id="nombreAbonadoOutputText" styleClass="outputText"/>
                                            <h:outputText binding="#{PortletPageCruceInformacion.outputText34}" id="outputText34" styleClass="outputText" value="TELÉFONO"/>
                                            <h:outputText binding="#{PortletPageCruceInformacion.telefonoAbonadoOutputText}" id="telefonoAbonadoOutputText" styleClass="outputText"/>
                                            <h:outputText binding="#{PortletPageCruceInformacion.outputText35}" id="outputText35" styleClass="outputText" value="FECHA DOCUMENTO"/>
                                            <h:outputText binding="#{PortletPageCruceInformacion.fechaDocumentoOutputText}" id="fechaDocumentoOutputText" styleClass="outputText"/>
                                            <h:outputText binding="#{PortletPageCruceInformacion.outputText36}" id="outputText36" styleClass="outputText" value="NÚMERO DOCUMENTO"/>
                                            <h:outputText binding="#{PortletPageCruceInformacion.numeroDocumentoOutputText}" id="numeroDocumentoOutputText" styleClass="outputText"/>
                                        </h:panelGrid>
                                        <!-- insertosGridPanel -->
                                        <h:panelGrid binding="#{PortletPageCruceInformacion.insertosGridPanel}" id="insertosGridPanel" rendered="#{SessionBeanCruceInformacion.renderedInsertosGridPanel}">
                                            <h:dataTable binding="#{PortletPageCruceInformacion.insertosDataTable}" headerClass="headerClassDataTable"
                                                id="insertosDataTable" rowClasses="rowClassBlue, rowClassWhite" rows="30"
                                                value="#{PortletPageCruceInformacion.listInsertos}" var="currentRow">
                                                <f:facet name="header">
                                                    <h:outputText binding="#{PortletPageCruceInformacion.outputText37}" id="outputText37" value="Listado de Insertos"/>
                                                </f:facet>
                                                <h:column binding="#{PortletPageCruceInformacion.codigoInsertoColumn}" id="codigoInsertoColumn">
                                                    <f:facet name="header">
                                                        <h:outputText binding="#{PortletPageCruceInformacion.outputText38}" id="outputText38" value="Código Inserto"/>
                                                    </f:facet>
                                                    <h:outputText binding="#{PortletPageCruceInformacion.outputText39}" id="outputText39"
                                                        styleClass="outputTextDataTable" value="#{currentRow.codigoInserto}"/>
                                                </h:column>
                                                <h:column binding="#{PortletPageCruceInformacion.descripcionInsertoColumn}" id="descripcionInsertoColumn">
                                                    <f:facet name="header">
                                                        <h:outputText binding="#{PortletPageCruceInformacion.outputText40}" id="outputText40" value="Descripción Inserto"/>
                                                    </f:facet>
                                                    <h:outputText binding="#{PortletPageCruceInformacion.outputText41}" id="outputText41"
                                                        styleClass="outputTextDataTable" value="#{currentRow.descripcionInserto}"/>
                                                </h:column>
                                            </h:dataTable>
                                        </h:panelGrid>
                                        <!-- guiaDistribucionGridPanel -->
                                        <h:panelGrid binding="#{PortletPageCruceInformacion.guiaDistribucionGridPanel}" id="guiaDistribucionGridPanel" rendered="#{SessionBeanCruceInformacion.renderedGuiaDistribucionGridPanel}">
                                            <h:graphicImage binding="#{PortletPageCruceInformacion.guiaDistribucionImage}" id="guiaDistribucionImage"
                                                onclick="doPopupImagen('#{SessionBeanCruceInformacion.pathImagenPopup}'); return false;" styleClass="guiaDistribucionImage"/>
                                        </h:panelGrid>
                                        <!-- envioMovimientoGridPanel -->
                                        <h:panelGrid binding="#{PortletPageCruceInformacion.envioMovimientoGridPanel}" id="envioMovimientoGridPanel" rendered="#{SessionBeanCruceInformacion.renderedEnvioMovimientoGridPanel}">
                                            <h:dataTable binding="#{PortletPageCruceInformacion.envioMovimientoDataTable}" headerClass="headerClassDataTable"
                                                id="envioMovimientoDataTable" rowClasses="rowClassBlue, rowClassWhite" rows="10"
                                                value="#{PortletPageCruceInformacion.listEnvioMovimiento}" var="currentRow">
                                                <f:facet name="header">
                                                    <h:outputText binding="#{PortletPageCruceInformacion.outputText42}" id="outputText42" value="Listado Envio - Movimiento"/>
                                                </f:facet>
                                                <h:column binding="#{PortletPageCruceInformacion.nombreGestionColumn}" id="nombreGestionColumn">
                                                    <f:facet name="header">
                                                        <h:outputText binding="#{PortletPageCruceInformacion.outputText43}" id="outputText43" value="Gestión"/>
                                                    </f:facet>
                                                    <h:outputText binding="#{PortletPageCruceInformacion.outputText44}" id="outputText44"
                                                        styleClass="outputTextDataTable" value="#{currentRow.nombreGestion}"/>
                                                </h:column>
                                                <h:column binding="#{PortletPageCruceInformacion.fechaWebColumn}" id="fechaWebColumn">
                                                    <f:facet name="header">
                                                        <h:outputText binding="#{PortletPageCruceInformacion.outputText45}" id="outputText45" value="Fecha Web"/>
                                                    </f:facet>
                                                    <h:outputText binding="#{PortletPageCruceInformacion.outputText46}" id="outputText46"
                                                        styleClass="outputTextDataTable" value="#{currentRow.fechaWebFormat}"/>
                                                </h:column>
                                                <h:column binding="#{PortletPageCruceInformacion.fechaImagenColumn}" id="fechaImagenColumn">
                                                    <f:facet name="header">
                                                        <h:outputText binding="#{PortletPageCruceInformacion.outputText47}" id="outputText47" value="Fecha Imágen"/>
                                                    </f:facet>
                                                    <h:outputText binding="#{PortletPageCruceInformacion.outputText48}" id="outputText48"
                                                        styleClass="outputTextDataTable" value="#{currentRow.fechaImagenFormat}"/>
                                                </h:column>
                                                <h:column binding="#{PortletPageCruceInformacion.fechaCargaImagenColumn}" id="fechaCargaImagenColumn">
                                                    <f:facet name="header">
                                                        <h:outputText binding="#{PortletPageCruceInformacion.outputText49}" id="outputText49" value="Fecha Carga Imágen"/>
                                                    </f:facet>
                                                    <h:outputText binding="#{PortletPageCruceInformacion.outputText50}" id="outputText50"
                                                        styleClass="outputTextDataTable" value="#{currentRow.fechaCargaImagenFormat}"/>
                                                </h:column>
                                                <h:column binding="#{PortletPageCruceInformacion.codigoResponsableColumn}" id="codigoResponsableColumn" rendered="#{!SessionBeanCruceInformacion.empresaMensajeria}">
                                                    <f:facet name="header">
                                                        <h:outputText binding="#{PortletPageCruceInformacion.outputText95}" id="outputText95" value="Responsable"/>
                                                    </f:facet>
                                                    <h:outputText binding="#{PortletPageCruceInformacion.outputText96}" id="outputText96"
                                                        styleClass="outputTextDataTable" value="#{currentRow.codigoResponsable}"/>
                                                </h:column>
                                            </h:dataTable>
                                        </h:panelGrid>
                                        <!-- generarReclamoGridPanel -->
                                        <h:panelGrid binding="#{PortletPageCruceInformacion.generarReclamoGridPanel}" columns="2"
                                            headerClass="headerClassDataTable" id="generarReclamoGridPanel"
                                            rendered="#{SessionBeanCruceInformacion.renderedGenerarReclamoGridPanel}" rowClasses="rowClassWhite, rowClassBlue" width="100%">
                                            <f:facet name="header">
                                                <h:outputText binding="#{PortletPageCruceInformacion.outputText51}" id="outputText51" value="Generar Reclamo"/>
                                            </f:facet>
                                            <h:outputText binding="#{PortletPageCruceInformacion.outputText52}" id="outputText52" style="color: white" value="_"/>
                                            <h:outputText binding="#{PortletPageCruceInformacion.outputText53}" id="outputText53" style="color: white" value="_"/>
                                            <h:panelGroup binding="#{PortletPageCruceInformacion.codigoInternoClienteGroupPanel}"
                                                id="codigoInternoClienteGroupPanel"
                                                rendered="#{SessionBeanCruceInformacion.renderedCodigoInternoClienteDropDown}" style="display: block; text-align: right">
                                                <h:outputText binding="#{PortletPageCruceInformacion.outputText90}" id="outputText90" styleClass="outputText" value="NOMBRE ABONADO"/>
                                            </h:panelGroup>
                                            <ui:dropDown binding="#{PortletPageCruceInformacion.codigoInternoClienteDropDown}" id="codigoInternoClienteDropDown"
                                                items="#{PortletPageCruceInformacion.optionDocumentos}"
                                                rendered="#{SessionBeanCruceInformacion.renderedCodigoInternoClienteDropDown}" styleClass="select"/>
                                            <h:outputText binding="#{PortletPageCruceInformacion.outputText93}" id="outputText93"
                                                rendered="#{SessionBeanCruceInformacion.renderedCodigoInternoClienteDropDown}" style="color: white" value="_"/>
                                            <h:outputText binding="#{PortletPageCruceInformacion.outputText94}" id="outputText94"
                                                rendered="#{SessionBeanCruceInformacion.renderedCodigoInternoClienteDropDown}" style="color: white" value="_"/>
                                            <h:panelGroup binding="#{PortletPageCruceInformacion.codigoTipoReclamoGroupPanel}" id="codigoTipoReclamoGroupPanel" style="display: block; text-align: right">
                                                <h:outputText binding="#{PortletPageCruceInformacion.outputText54}" id="outputText54" styleClass="outputText" value="TIPO RECLAMO"/>
                                            </h:panelGroup>
                                            <ui:dropDown binding="#{PortletPageCruceInformacion.codigoTipoReclamoDropDown}" id="codigoTipoReclamoDropDown"
                                                items="#{PortletPageCruceInformacion.optionTiposReclamo}" styleClass="select" submitForm="true" valueChangeListener="#{PortletPageCruceInformacion.codigoTipoReclamoDropDown_processValueChange}"/>
                                            <h:outputText binding="#{PortletPageCruceInformacion.outputText55}" id="outputText55"
                                                rendered="#{SessionBeanCruceInformacion.renderedOtherTipoReclamo}" style="color: white" value="_"/>
                                            <h:outputText binding="#{PortletPageCruceInformacion.outputText56}" id="outputText56"
                                                rendered="#{SessionBeanCruceInformacion.renderedOtherTipoReclamo}" style="color: white" value="_"/>
                                            <h:panelGroup binding="#{PortletPageCruceInformacion.descripcionOtrosGroupPanel}" id="descripcionOtrosGroupPanel"
                                                rendered="#{SessionBeanCruceInformacion.renderedOtherTipoReclamo}" style="display: block; text-align: right">
                                                <h:outputText binding="#{PortletPageCruceInformacion.outputText57}" id="outputText57" styleClass="outputText" value="DESCRIPCIÓN OTROS"/>
                                            </h:panelGroup>
                                            <h:inputText binding="#{PortletPageCruceInformacion.descripcionOtrosTextField}" id="descripcionOtrosTextField"
                                                rendered="#{SessionBeanCruceInformacion.renderedOtherTipoReclamo}" size="35" styleClass="textField"/>
                                            <h:outputText binding="#{PortletPageCruceInformacion.outputText58}" id="outputText58" style="color: white" value="_"/>
                                            <h:outputText binding="#{PortletPageCruceInformacion.outputText59}" id="outputText59" style="color: white" value="_"/>
                                            <h:panelGroup binding="#{PortletPageCruceInformacion.codigoPrioridadGroupPanel}" id="codigoPrioridadGroupPanel" style="display: block; text-align: right">
                                                <h:outputText binding="#{PortletPageCruceInformacion.outputText60}" id="outputText60" styleClass="outputText" value="PRIORIDAD"/>
                                            </h:panelGroup>
                                            <ui:dropDown binding="#{PortletPageCruceInformacion.codigoPrioridadDropDown}" id="codigoPrioridadDropDown"
                                                items="#{PortletPageCruceInformacion.optionPrioridadesReclamo}" styleClass="select"/>
                                            <h:outputText binding="#{PortletPageCruceInformacion.outputText61}" id="outputText61" style="color: white" value="_"/>
                                            <h:outputText binding="#{PortletPageCruceInformacion.outputText62}" id="outputText62" style="color: white" value="_"/>
                                            <h:panelGroup binding="#{PortletPageCruceInformacion.uidCreadoGroupPanel}" id="uidCreadoGroupPanel" style="display: block; text-align: right">
                                                <h:outputText binding="#{PortletPageCruceInformacion.outputText63}" id="outputText63" styleClass="outputText" value="CREADOR POR"/>
                                            </h:panelGroup>
                                            <h:outputText binding="#{PortletPageCruceInformacion.uidCreadoOutputText}" id="uidCreadoOutputText" styleClass="outputText"/>
                                            <h:outputText binding="#{PortletPageCruceInformacion.outputText64}" id="outputText64" style="color: white" value="_"/>
                                            <h:outputText binding="#{PortletPageCruceInformacion.outputText65}" id="outputText65" style="color: white" value="_"/>
                                            <h:panelGroup binding="#{PortletPageCruceInformacion.descripcionGroupPanel}" id="descripcionGroupPanel" style="display: block; text-align: right">
                                                <h:outputText binding="#{PortletPageCruceInformacion.outputText66}" id="outputText66" styleClass="outputText" value="DESCRIPCIÓN"/>
                                            </h:panelGroup>
                                            <ui:textArea binding="#{PortletPageCruceInformacion.descripcionTextArea}" columns="40" id="descripcionTextArea"
                                                maxLength="3000" rows="10" styleClass="textArea"/>
                                            <h:outputText binding="#{PortletPageCruceInformacion.outputText67}" id="outputText67" style="color: white" value="_"/>
                                            <!-- botonesGenerarReclamoGridPanel -->
                                            <h:panelGrid binding="#{PortletPageCruceInformacion.botonesGenerarReclamoGridPanel}" columns="2"
                                                id="botonesGenerarReclamoGridPanel" style="width: 100%; height: 100%;">
                                                <h:commandButton action="#{PortletPageCruceInformacion.guardarButton_action}"
                                                    binding="#{PortletPageCruceInformacion.guardarButton}" id="guardarButton" styleClass="button" value="GUARDAR"/>
                                                <h:commandButton action="#{PortletPageCruceInformacion.cancelarButton_action}"
                                                    binding="#{PortletPageCruceInformacion.cancelarButton}" id="cancelarButton" styleClass="button" value="CANCELAR"/>
                                            </h:panelGrid>
                                        </h:panelGrid>
                                        <!-- mensajeAlertGridPanel -->
                                        <h:panelGrid binding="#{PortletPageCruceInformacion.mensajeAlertGridPanel}" id="mensajeAlertGridPanel" rendered="#{SessionBeanCruceInformacion.renderedMensajeAlertGridPanel}">
                                            <ui:alert binding="#{PortletPageCruceInformacion.mensajeAlert}" id="mensajeAlert"/>
                                        </h:panelGrid>
                                        <!-- espaciadorGridPanel -->
                                        <h:panelGrid binding="#{PortletPageCruceInformacion.espaciadorGridPanel}" id="espaciadorGridPanel">
                                            <h:outputText binding="#{PortletPageCruceInformacion.outputText68}" id="outputText68" style="color: white" value="_________________________________________________________"/>
                                        </h:panelGrid>
                                    </h:panelGrid>
                                </h:panelGrid>
                                <!-- enviosGridPanel -->
                                <h:panelGrid binding="#{PortletPageCruceInformacion.enviosGridPanel}" headerClass="headerClassDataTable" id="enviosGridPanel"
                                    rendered="#{SessionBeanCruceInformacion.renderedEnviosGridPanel}" rowClasses="rowClassWhite, rowClassBlue">
                                    <f:facet name="header">
                                        <h:outputText binding="#{PortletPageCruceInformacion.outputText69}" id="outputText69" value="Listado de Envíos"/>
                                    </f:facet>
                                    <h:dataTable binding="#{PortletPageCruceInformacion.enviosDataTable}" headerClass="headerClassDataTable"
                                        id="enviosDataTable" rowClasses="rowClassBlue, rowClassWhite" rows="50"
                                        value="#{PortletPageCruceInformacion.listEnvios}" var="currentRow">
                                        <h:column binding="#{PortletPageCruceInformacion.codigoBarrasColumn}" id="codigoBarrasColumn">
                                            <f:facet name="header">
                                                <h:outputText binding="#{PortletPageCruceInformacion.outputText70}" id="outputText70" value="Código Barras"/>
                                            </f:facet>
                                            <h:outputText binding="#{PortletPageCruceInformacion.outputText71}" id="outputText71"
                                                styleClass="outputTextDataTable" value="#{currentRow.codigoBarras}"/>
                                        </h:column>
                                        <h:column binding="#{PortletPageCruceInformacion.numeroIdentificacionColumn1}" id="numeroIdentificacionColumn1" rendered="#{!SessionBeanCruceInformacion.empresaMensajeria}">
                                            <f:facet name="header">
                                                <h:outputText binding="#{PortletPageCruceInformacion.outputText72}" id="outputText72" value="Número Identificación"/>
                                            </f:facet>
                                            <h:outputText binding="#{PortletPageCruceInformacion.outputText73}" id="outputText73"
                                                styleClass="outputTextDataTable" value="#{currentRow.numeroIdentificacion}"/>
                                        </h:column>
                                        <h:column binding="#{PortletPageCruceInformacion.nombreDestinatarioColumn}" id="nombreDestinatarioColumn">
                                            <f:facet name="header">
                                                <h:outputText binding="#{PortletPageCruceInformacion.outputText74}" id="outputText74" value="Nombre Destinatario"/>
                                            </f:facet>
                                            <h:outputText binding="#{PortletPageCruceInformacion.outputText75}" id="outputText75"
                                                styleClass="outputTextDataTable" value="#{currentRow.nombreDestinatario}"/>
                                        </h:column>
                                        <h:column binding="#{PortletPageCruceInformacion.direccionDestinatarioColumn}" id="direccionDestinatarioColumn">
                                            <f:facet name="header">
                                                <h:outputText binding="#{PortletPageCruceInformacion.outputText76}" id="outputText76" value="Dirección"/>
                                            </f:facet>
                                            <h:outputText binding="#{PortletPageCruceInformacion.outputText77}" id="outputText77"
                                                styleClass="outputTextDataTable" value="#{currentRow.direccionDestinatario}"/>
                                        </h:column>
                                        <h:column binding="#{PortletPageCruceInformacion.telefonoDestinatarioColumn}" id="telefonoDestinatarioColumn">
                                            <f:facet name="header">
                                                <h:outputText binding="#{PortletPageCruceInformacion.outputText78}" id="outputText78" value="Teléfono"/>
                                            </f:facet>
                                            <h:outputText binding="#{PortletPageCruceInformacion.outputText79}" id="outputText79"
                                                styleClass="outputTextDataTable" value="#{currentRow.telefonoDestinatario}"/>
                                        </h:column>
                                        <h:column binding="#{PortletPageCruceInformacion.nombreTipoEnvioColumn}" id="nombreTipoEnvioColumn">
                                            <f:facet name="header">
                                                <h:outputText binding="#{PortletPageCruceInformacion.outputText80}" id="outputText80" value="Tipo Envío"/>
                                            </f:facet>
                                            <h:outputText binding="#{PortletPageCruceInformacion.outputText81}" id="outputText81"
                                                styleClass="outputTextDataTable" value="#{currentRow.nombreTipoEnvio}"/>
                                        </h:column>
                                        <h:column binding="#{PortletPageCruceInformacion.nombreGestionColumn1}" id="nombreGestionColumn1">
                                            <f:facet name="header">
                                                <h:outputText binding="#{PortletPageCruceInformacion.outputText82}" id="outputText82" value="Gestión"/>
                                            </f:facet>
                                            <h:commandLink action="#{PortletPageCruceInformacion.nombreGestionLinkAction_action}"
                                                binding="#{PortletPageCruceInformacion.nombreGestionLinkAction}" id="nombreGestionLinkAction">
                                                <h:outputText binding="#{PortletPageCruceInformacion.nombreGestionLinkActionText}"
                                                    id="nombreGestionLinkActionText" styleClass="outputTextCommandLink" value="#{currentRow.nombreGestion} #{currentRow.fechaUltimaGestionFormat}"/>
                                                <h:inputHidden binding="#{PortletPageCruceInformacion.nombreGestionHiddenField}" id="nombreGestionHiddenField" value="#{currentRow.codigoBarras}"/>
                                            </h:commandLink>
                                        </h:column>
                                        <!-- begining modify by jlperea  
                                        <h:column>
                                            <f:facet name="header">
                                                <h:outputText value="Fecha Gestión"/>
                                            </f:facet>
                                            <h:outputText styleClass="outputTextDataTable" value="#{currentRow.fechaUltimaGestionFormat}"/>                                            
                                        </h:column>
                                         end modify by jlperea  -->
                                        <h:column binding="#{PortletPageCruceInformacion.fechaProcesoColumn}" id="fechaProcesoColumn">
                                            <f:facet name="header">
                                                <h:outputText binding="#{PortletPageCruceInformacion.outputText83}" id="outputText83" value="Fecha Proceso"/>
                                            </f:facet>
                                            <h:outputText binding="#{PortletPageCruceInformacion.outputText84}" id="outputText84"
                                                styleClass="outputTextDataTable" value="#{currentRow.fechaProcesoFormat}"/>
                                        </h:column>
                                        <h:column binding="#{PortletPageCruceInformacion.razonSocialProveedorColumn}" id="razonSocialProveedorColumn">
                                            <f:facet name="header">
                                                <h:outputText binding="#{PortletPageCruceInformacion.outputText85}" id="outputText85" value="Emp. Mensajería"/>
                                            </f:facet>
                                            <h:outputText binding="#{PortletPageCruceInformacion.outputText86}" id="outputText86"
                                                styleClass="outputTextDataTable" value="#{currentRow.razonSocialProveedor} / #{currentRow.nombreNodo} "/>
                                            <h:outputLink binding="#{PortletPageCruceInformacion.razonSocialProveedorHyperlink}"
                                                id="razonSocialProveedorHyperlink"
                                                onclick="doPopupPaginaWebProveedor('#{currentRow.paginaWebProveedor}'); return false;" rendered="false" value="http://">
                                                <h:outputText binding="#{PortletPageCruceInformacion.razonSocialProveedorHyperLinkText}"
                                                    id="razonSocialProveedorHyperLinkText" styleClass="outputTextCommandLink" value="#{currentRow.razonSocialProveedor}  / #{currentRow.nombreNodo} "/>
                                            </h:outputLink>
                                        </h:column>
                                        <h:column binding="#{PortletPageCruceInformacion.ubicacionColumn}" id="ubicacionColumn">
                                            <f:facet name="header">
                                                <h:outputText binding="#{PortletPageCruceInformacion.outputText87}" id="outputText87" value="Ubicación"/>
                                            </f:facet>
                                            <h:outputText binding="#{PortletPageCruceInformacion.outputText88}" id="outputText88"
                                                styleClass="outputTextDataTable" value="#{currentRow.nombreDepartamento}/#{currentRow.nombreCentroPoblado}"/>
                                        </h:column>
                                        <h:column binding="#{PortletPageCruceInformacion.pathImagenColumn}" id="pathImagenColumn">
                                            <f:facet name="header">
                                                <h:outputText binding="#{PortletPageCruceInformacion.outputText89}" id="outputText89" value="Imágen Guía"/>
                                            </f:facet>
                                            <h:commandLink action="#{PortletPageCruceInformacion.pathImagenLinkAction_action}"
                                                binding="#{PortletPageCruceInformacion.pathImagenLinkAction}" id="pathImagenLinkAction" rendered="#{currentRow.hasPathImagen}">
                                                <ui:image binding="#{PortletPageCruceInformacion.guiaDistribucionImageIcon}" id="guiaDistribucionImageIcon"
                                                    styleClass="guiaDistribucionImage" url="#{utilidadesSetup.guiaImg}"/>
                                                <h:inputHidden binding="#{PortletPageCruceInformacion.pathImagenHiddenField}" id="pathImagenHiddenField" value="#{currentRow.codigoBarras}"/>
                                            </h:commandLink>
                                        </h:column>
                                        <h:column binding="#{PortletPageCruceInformacion.accionesColumn}" id="accionesColumn" rendered="#{!SessionBeanCruceInformacion.empresaMensajeria}">
                                            <f:facet name="header">
                                                <h:outputText binding="#{PortletPageCruceInformacion.outputText91}" id="outputText91" value="Acciones"/>
                                            </f:facet>
                                            <!-- accionesGridPanel -->
                                            <h:panelGrid binding="#{PortletPageCruceInformacion.accionesGridPanel}" columns="1" id="accionesGridPanel"
                                                style="text-align: center" width="100%">
                                                <h:commandLink action="#{PortletPageCruceInformacion.visualizarDetallesLinkAction_action}"
                                                    binding="#{PortletPageCruceInformacion.visualizarDetallesLinkAction}" id="visualizarDetallesLinkAction">
                                                    <h:outputText binding="#{PortletPageCruceInformacion.visualizarDetallesLinkActionText}"
                                                        id="visualizarDetallesLinkActionText" styleClass="outputTextCommandLink" value="Detalles"/>
                                                    <h:inputHidden binding="#{PortletPageCruceInformacion.visualizarDetallesHiddenField}"
                                                        id="visualizarDetallesHiddenField" value="#{currentRow.codigoBarras}"/>
                                                </h:commandLink>
                                                <h:commandLink action="#{PortletPageCruceInformacion.reclamarLinkAction_action}"
                                                    binding="#{PortletPageCruceInformacion.reclamarLinkAction}" id="reclamarLinkAction" rendered="false">
                                                    <h:outputText binding="#{PortletPageCruceInformacion.reclamarLinkActionText}" id="reclamarLinkActionText"
                                                        styleClass="outputTextCommandLink" value="Reclamar"/>
                                                    <h:inputHidden binding="#{PortletPageCruceInformacion.reclamarHiddenField}" id="reclamarHiddenField" value="#{currentRow.codigoBarras}"/>
                                                </h:commandLink>
                                            </h:panelGrid>
                                        </h:column>
                                        <f:facet name="header">
                                            <h:panelGroup binding="#{PortletPageCruceInformacion.headerGroupPanel}" id="headerGroupPanel"
                                                style="display: block; text-align: right" styleClass="list-paging-header">
                                                <h:commandButton action="#{PortletPageCruceInformacion.enviosDataTable_firstPageAction}"
                                                    binding="#{PortletPageCruceInformacion.enviosDataTableHeaderFirstButton1}"
                                                    id="enviosDataTableHeaderFirstButton1" image="#{utilidadesSetup.firstPageImg}" immediate="true"/>
                                                <h:commandButton action="#{PortletPageCruceInformacion.enviosDataTable_previousPageAction}"
                                                    binding="#{PortletPageCruceInformacion.enviosDataTableHeaderPreviousButton1}"
                                                    id="enviosDataTableHeaderPreviousButton1" image="#{utilidadesSetup.previousPageImg}" immediate="true"/>
                                                <h:commandButton action="#{PortletPageCruceInformacion.enviosDataTable_nextPageAction}"
                                                    binding="#{PortletPageCruceInformacion.enviosDataTableHeaderNextButton1}"
                                                    id="enviosDataTableHeaderNextButton1" image="#{utilidadesSetup.nextPageImg}" immediate="true"/>
                                                <h:commandButton action="#{PortletPageCruceInformacion.enviosDataTable_lastPageAction}"
                                                    binding="#{PortletPageCruceInformacion.enviosDataTableHeaderLastButton1}"
                                                    id="enviosDataTableHeaderLastButton1" image="#{utilidadesSetup.lastPageImg}" immediate="true"/>
                                            </h:panelGroup>
                                        </f:facet>
                                        <f:facet name="footer">
                                            <h:panelGroup binding="#{PortletPageCruceInformacion.footerGroupPanel}" id="footerGroupPanel"
                                                style="display: block; text-align: right" styleClass="list-paging-footer">
                                                <h:commandButton action="#{PortletPageCruceInformacion.enviosDataTable_firstPageAction}"
                                                    binding="#{PortletPageCruceInformacion.enviosDataTableFooterFirstButton1}"
                                                    id="enviosDataTableFooterFirstButton1" image="#{utilidadesSetup.firstPageImg}" immediate="true"/>
                                                <h:commandButton action="#{PortletPageCruceInformacion.enviosDataTable_previousPageAction}"
                                                    binding="#{PortletPageCruceInformacion.enviosDataTableFooterPreviousButton1}"
                                                    id="enviosDataTableFooterPreviousButton1" image="#{utilidadesSetup.previousPageImg}" immediate="true"/>
                                                <h:commandButton action="#{PortletPageCruceInformacion.enviosDataTable_nextPageAction}"
                                                    binding="#{PortletPageCruceInformacion.enviosDataTableFooterNextButton1}"
                                                    id="enviosDataTableFooterNextButton1" image="#{utilidadesSetup.nextPageImg}" immediate="true"/>
                                                <h:commandButton action="#{PortletPageCruceInformacion.enviosDataTable_lastPageAction}"
                                                    binding="#{PortletPageCruceInformacion.enviosDataTableFooterLastButton1}"
                                                    id="enviosDataTableFooterLastButton1" image="#{utilidadesSetup.lastPageImg}" immediate="true"/>
                                            </h:panelGroup>
                                        </f:facet>
                                    </h:dataTable>
                                    <h:panelGrid binding="#{PortletPageCruceInformacion.botonesExportacionGridPanel}" columns="2" id="botonesExportacionGridPanel">
                                        <h:commandButton action="#{PortletPageCruceInformacion.generarArchivoButton_action}"
                                            binding="#{PortletPageCruceInformacion.generarArchivoButton}" id="generarArchivoButton"
                                            rendered="#{!SessionBeanCruceInformacion.empresaMensajeria}" styleClass="button" value="GENERAR ARCHIVO"/>
                                        <h:commandButton action="#{PortletPageCruceInformacion.generarRadButton_action}"
                                            binding="#{PortletPageCruceInformacion.generarRadButton}" id="generarRadButton" styleClass="button" value="GENERAR ARCHIVO GUIAS"/>
                                    </h:panelGrid>
                                </h:panelGrid>
                            </h:panelGrid>
                        </td>
                    </tr>
                </table>
            </ui:form>
            <!-- javascript -->
            <script language="JavaScript" type="text/javascript">
                function doPopupImagen(pathImagen) {
                    var intleft = ((screen.width)/2) - 306;
                    var inttop = ((screen.height)/2) - 188;
                    popup = window.open(pathImagen, "popup", "height=376,width=612,left=" + intleft + ",top=" + inttop + "," + "location=no,toolbar=no,status=no,menubar=no,directories=no,resizable=yes,scrollbars=yes,copyhistory=no");
                    popup.focus();
                }
                function doPopupPaginaWebProveedor(target) {
                    var intleft = ((screen.width)/2) - 306;
                    var inttop = ((screen.height)/2) - 188;
                    popup = window.open(target, "popup", "height=376,width=612,left=" + intleft + ",top=" + inttop + "," + "location=no,toolbar=no,status=no,menubar=no,directories=no,resizable=yes,scrollbars=yes,copyhistory=no");
                    popup.focus();
                }
                /*window.onload = function() { 
                    document.onselectstart = function() {return false;}
                }*/
            </script>
        </div>
    </f:view>
</jsp:root>